<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- Time-stamp: "2007-04-24 03:32:25 ghoseb" -->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8"/>
    <title>Conspire | {% block title %}Title{% endblock %}</title>
    <!--
    The CSS will be moved to a separate CSS file later, else the
    Django Server will not be able to show the CSS.
    --> 
    <style type="text/css">
      html * { padding:0; margin:0; }
      body * { padding:0px; }
      body * * { padding:0px; }
      body { font:small sans-serif; }
      body>div { border:1px solid #ddd; }
      h1 { font-weight:normal; }
      h2 { margin-bottom:.8em; }
      h2 span { font-size:80%; color:#666; font-weight:normal; }
      h3 { margin:1em 0 .5em 0; }
      h4 { margin:0 0 .5em 0; font-weight: normal; }
      table { border:1px solid #ccc; border-collapse: collapse; width:100%; background:white; }
      tbody td, tbody th { vertical-align:top; padding:2px 3px; }
      thead th { padding:1px 6px 1px 3px; background:#fefefe; text-align:left; font-weight:normal; font-size:11px; border:1px solid #ddd; }
      tbody th { width:12em; text-align:right; color:#666; padding-right:.5em; }
      ul { margin-left: 2em; margin-top: 1em; }
      #header { background: #e0ebff; padding: 5px; border-bottom: 1px solid #bbdae8}
      #header h1 a {text-decoration: none; color: black; }
      #header h2 { font-weight: normal; color: #666; }
      #footer { background:#eee; font-size: 0.75em; clear:both; padding: 5px; border-top: 1px solid #eaeaea;}
      #content { width: 800px; margin: 0 auto; background:#f6f6f6; }
      #sidebar { display:block; width: 189px; float:right;
      background:#edf5c4; padding: 5px; border-left: 1px solid #cdd4a9;
      border-bottom: 1px solid #cdd4a9}
      ul {list-style-type: none; margin: 0px; padding: 0px; margin-bottom: -6px;}
      li {font-size: 1.1em; border-bottom: 1px solid #cdd4a9; padding-bottom: 5px;}
      #main { width:590px; float:left; background:#f6f6f6;
      padding:5px; text-align: justify;}
      #header table { border:none; background:transparent; }
      .form-row { overflow:hidden; padding:8px 12px; font-size:11px; border-bottom:1px solid #eee; }
      .form-row img, .form-row input, .form-row select {vertical-align:middle;}
      .form-row input[type="text"], .form-row select, .form-row input[type="password"] {width:300px;}
      .form-row input, .form-row textarea, .form-row select {margin-left:25px;}
      form .form-row p { padding-left:0; font-size:11px; }
      form h4 { margin:0 !important; padding:0 !important; border:none !important; }
      label { font-weight:normal !important; color:#666; font-size:12px; }
      label.inline { margin-left:20px; }
      .required label, label.required { font-weight:bold !important; color:#333 !important; }
      .aligned label { display:block; padding:0 1em 3px 0; float:left; width:8em; }
      .aligned label.inline { display:inline; float:none; }
      .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width:350px; }
      form .aligned p, form .aligned ul { margin-left:7em; padding-left:30px; }
      form .aligned table p { margin-left:0; padding-left:0; }
      form .aligned p.help { padding-left:38px; }
      .aligned .vCheckboxLabel { float:none !important; display:inline; padding-left:4px; }
      .colM .aligned .vLargeTextField, colM .aligned .vXMLLargeTextField { width:610px; }
      .checkbox-row p.help { margin-left:0; padding-left:0 !important; }
      .submit-row { padding:5px 7px; text-align:left; border:1px solid #ccc; margin:5px 0; }
      .submit-row input { margin:0 0 0 5px; }
      .submit-row p { margin-top:0.3em; }
      .submit-row .deletelink { padding-left:14px; }
    </style>
    <script type="text/javascript" language="JavaScript">
      function handler() {
        var checkbox = document.getElementById('id_travel_assistance');
        var mydiv = document.getElementById('travel_info');
        if (checkbox.checked == true) {
          mydiv.style.display = '';
        } else {
          mydiv.style.display = 'none';
        }
      }
    </script>
  </head>
  <body>
    <div id="content">

      <div id="header">
        <h1><a href="/">Conspire</a></h1>
        <h2>{% block subheader %}Subheader{% endblock %}</h2>
      </div>
      
      <div id="main">
        {% block main %}Main{% endblock %}
      </div>

      <div id="sidebar">
        <ul>
        {% block sidebar %}
          <li><a href="/">Home</a></li>
          <li><a href="/speakers/">Speakers</a></li>
          <li><a href="/talks/">Accepted Talks</a></li>          
          <li><a href="/feedback/">Submit Feedback</a></li>
        {% endblock %}
        {% block login %}
          {% if user.is_authenticated %}
            {% if user.is_staff %}
          <li><a href="/admin/">Administration</a></li>
            {% endif %}
          <li><a href="/submit/">Submit a talk</a></li>          
          <li><a href="/logout/">Logout</a></li>
         {% else %}
         <li><a href="/login/">Login</a></li>
         <li><a href="/register/">Register</a></li>
         {% endif %}
       {% endblock %}
        </ul>          
      </div>
      
      <div id="footer">
        Powered by <a href="http://code.google.com/p/conspire/">Conspire</a> |
        Valid <a
        href="http://validator.w3.org/check?uri=referer">XHTML 1.0 Strict</a>
      </div>

    </div>
  </body>
</html>
<script type="text/javascript" language="JavaScript">
var mydiv = document.getElementById('travel_info');
if (mydiv) {
  mydiv.style.display = 'none';
}
</script>
